<template>
    <div>
    <div class="Scientific">
        <!-- 科研成果-->
        科研成果
        <div style="margin-top: 15px; margin-left: 50%;">
            <el-input placeholder="请输入科研成果名称、机构" v-model="input1" class="input-with-select">
                <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
        </div>

        <div class="scroll">
        <el-descriptions direction="" column="1" title="中药抗内毒素作用——中医解毒法实质研究">
            <el-descriptions-item label="">化学成分是中药发挥预防和治疗作用的物质基础; 然而在提取过程中，各类成分之间的增溶、氧化、催化分解等反应影响了中药有效成分的提取及其药效的发挥。基于此，张兆旺与孙秀梅提出了中药口服制剂的半仿生提取法; 且经过近年来的验证和完善，现已在中药提取方面的发挥了重要作用。该方法从生物药剂学的角度，将整体药物研究法与</el-descriptions-item>
            <el-descriptions-item label="发布机构">承德科研院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>
        <el-descriptions direction="" column="1" title="66种常用中药材质量标准及其对照品的研究66种常用中药材质量标准及其对照品的研究">
            <el-descriptions-item label=""> 然而在提取过程中，各类成分之间的增溶、氧化、催化分解等反应影响了中药有效成分的提取及其药效的发挥。基于此，张兆旺与孙秀梅提出了中药口服制剂的半仿生提取法; 且经过近年来的验证和完善，现已在中药提取方面的发挥了重要作用。该方法从生物药剂学的角度，将整体药物研究法与分子药物研究法相结合，模拟口服药物经胃</el-descriptions-item>
            <el-descriptions-item label="发布机构">河北中医学院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>
        <el-descriptions direction="" column="1" title="川产紫杉醇及其注射液的新药研究">
            <el-descriptions-item label="">化学成分是中药发挥预防和治疗作用的物质基础; 然而在提取过程中，各类成分之间的增溶、氧化、催化分解等反应影响了中药有效成分的提取及其药效的发挥。基于此，张兆旺与孙秀梅提出了中药口服制剂的半仿生提取法; 且经过近年来的验证和完善，现已在中药提取方面的发挥了重要作用。该方法从生物药剂学的角度，将整体药物研究法</el-descriptions-item>
            <el-descriptions-item label="发布机构">河北中医学院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>

        </div>

        <div class="block" >
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage4"
                    :page-sizes="[100, 200, 300, 400]"
                    :page-size="100"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="400">
            </el-pagination>
        </div>
    </div>
    </div>
</template>

<script>
    export default {
        name:'Scientific',
        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        },
        data() {
            return {
                currentPage1: 5,
                currentPage2: 5,
                currentPage3: 5,
                currentPage4: 4
            };
        }
    }
</script>

<style>

    .row{
        /*float: right;*/
        height: 100%;
        /*margin-left: 10%;*/
    }
    .Scientific{
        float: left;
        text-align: center;
        /*background-color: #CC0001;*/
    }
    .scroll{
        height: 450px;
        width: auto;
        overflow: auto;
    }
</style>